import Vue from 'vue';
import App from './App';
import router from './router';
import Element from 'element-ui';
import VueCookies from 'vue-cookies';
import axios from 'axios';
// 全局引用
import 'common/stylus/index.styl';
import global_ from './common/global';
import wx from 'weixin-js-sdk';
import store from './store/index'; // 引入store
// vue.use
Vue.use(Element, {size: 'small', zIndex: 3000});
Vue.use(VueCookies);

// prototype
Vue.prototype.wx = wx; // 微信jssdk
Vue.prototype.GLOBAL = global_; // 全局变量
Vue.prototype.$axios = axios;

// 开启debug模式
Vue.config.debug = true;

// 关闭生产模式下给出的提示
Vue.config.productionTip = true;

/*  */
router.beforeEach((to, from, next) => {
  console.log('trouter.to', to);
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title;
  } else {
    document.title = '小店';
  }
  next();
});

new Vue({
  // el: '#app',
  router,
  store, // 挂载store
  components: {
    App
  },
  data: {
    eventHub: new Vue() // 给data添加一个 名字为eventHub 的空vue对象,用来传输非父子组件的数据
  }
}).$mount('#app'); // 手动挂载，#app
